<template>
    <div class="banner-box">
        <div class="hidden-pc">
            <img :src="require(`@/assets/img/${module}/banner-wap.png`)" alt="" class="banner">
            <slot />
        </div>
        <div class="hidden-wap">
            <img :src="require(`@/assets/img/${module}/banner.png`)" alt="" class="banner">
            <a href="http://wpa.qq.com/msgrd?v=3&uin=276631564&site=qq&menu=yes" target="_blank" v-if="$route.path=='/home'" class="home-page"></a>
        </div>
    </div>
</template>

<script>
    export default {
        props:['module']
    }
</script>

<style lang="less" scoped>
.banner-box{
    .hidden-pc{
        position: relative;
    }
    .banner{
        width: 100%;
        display: block;
        position: relative;
    }
    .home-page{
        position: absolute;
        width: 150px;
        height:50px;
        top:320px;
        left: 400px;
    }
}

</style>
